﻿@using DLULearningNetwork.ViewModels;
@{
    ViewBag.Title = "Tìm kiếm bạn bè";
    Layout = "~/Views/Shared/FrontEndMasterLayout.cshtml";
}
@if (false)
{ 
    <script type="text/javascript" src="../../Scripts/jquery-1.5.1-vsdoc.js"></script>
}
@section cssjs{
    <link href="../../Content/FormStyle.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/TableStyle.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/Pagination.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $("#btnSearch").click(function () {
                var firstName = $("#FirstName").val();
                var lastName = $("#LastName").val();
                SearchAccount(firstName, lastName, 1);
            })
            $("ul.pager li a").live('click', function () {
                SearchAccount(firstName, lastName, $(this).attr("page"));
            });
            $("a[name=requestFriend]").live('click', function () {
                var row = $(this).parents("[friendAccountID]").first();
                var curPage = parseInt($('ul.pager li.current').text());
                if (curPage == NaN) {
                    curPage = 1;
                }
                var totalRow = $('tr[friendAccountID]').length;
                var friendAccountID = row.attr("friendAccountID");
                $.post("/Friend/MakeFriend", { 'friendAccountID': friendAccountID }, function (data) {
                    if (data == "success") {
                        if (totalRow == 1) {
                            if (curPage > 1) {
                                SearchAccount(firstName, lastName, curPage - 1);
                            }
                            else {
                                $("#tableData").text('Không còn kết quả nào');
                            }
                        }
                        else {
                            SearchAccount(firstName, lastName, curPage);
                        }
                    }
                    else {
                        if (data == "unsucces/2") {
                            alert("Đã yêu cầu kết bạn");
                        }
                        else {
                            alert("Có lỗi, refresh trình duyệt và thử lại sau");
                        }
                    }
                })
            })
        })
        function SearchAccount(firstName, lastName, page) {
            $.post("/Friend/Search", { 'Firstname': firstName, 'LastName': lastName, 'page': page }, function (data) {
                $("#tableData").html(data);
            })
        }
    </script>
}

@section rightColumn{
    <div style="width: 730px;">
        <div class="TieuDe">
            Tìm kiếm bạn bè</div>
        <form class="myForm" action="">
        <div class="clear">
        </div>
        <div class="formRow">
            <div class="colLeft">
                Nhập tên :</div>
            <div class="colRight">
                @Html.TextBox("FirstName")
            </div>
        </div>
        <div class="clear">
        </div>
        <div class="formRow">
            <div class="colLeft">
                Nhập họ :
            </div>
            <div class="colRight">
                @Html.TextBox("LastName")
            </div>
        </div>
        <div class="clear">
        </div>
        <div style="margin-top: 10px;">
            <a id="btnSearch" class="dlubtn center" onclick="return false;">Tìm kiếm</a>
        </div>
        </form>
        <div id="tableData">
        </div>
    </div>
}
